<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>优惠券</title>
    <link href="../public/css/animate.min.css" rel="stylesheet" type="text/css">
    <link href="../public/css/swiper.min.css" rel="stylesheet" type="text/css">
    <link href="../public/less/navigation.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="css/discount.css">
    <script type="text/ecmascript" src="../public/js/lib/md5.js"></script>
    <script src="../public/js/lib/common.js"></script>
    <script src="../public/js/lib/flexible.js"></script>
    <script src="../public/js/lib/zepto.min.js"></script>
    <script src="../public/js/lib/swiper.min.js"></script>
    <script src="../public/js/lib/mui.min.js"></script>
    <script src="../public/js/plugins/navigation.js"></script>
    <script type="text/javascript" src="js/discount.js"></script>
</head>
<body>
<div class="glo">
    <div class="nav-header">
        <div class="back">
            <i class="back-view"></i>
        </div>
        <div :value="activeTab" class="nav-tab">
            <div class="tab-item">
                <div>优惠券</div>
            </div>
        </div>
        <div class="more">
            <!--<i class="more-view"></i>-->
        </div>
    </div>
    <div class="content">
        <div class="tab">
            <div class="tab1 active"><span>未使用</span></div>
            <div class="tab2"><span>即将过期</span></div>
            <div class="tab3"><span>已失效</span></div>
            <div class="tab4"><span>已使用</span></div>
        </div>
        <div class="tab1-cont">
            <ul id="noUser">
                <!--<li>-->
                    <!--<div class="discount-value">-->
                        <!--<p><span class="unit">￥</span><span class="value">690</span></p>-->
                        <!--<div>满1000可用</div>-->
                    <!--</div>-->
                    <!--<div class="user-type">-->
                        <!--<p>全场使用</p>-->
                        <!--<div>2017.08.27至2017.10.27</div>-->
                    <!--</div>-->
                    <!--<div class="specifica-goods">-->
                        <!--<div>去下单</div>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="discount-value">-->
                        <!--<p><span class="unit">￥</span><span class="value">500</span></p>-->
                        <!--<div>满1000可用</div>-->
                    <!--</div>-->
                    <!--<div class="user-type">-->
                        <!--<p>全场使用</p>-->
                        <!--<div>2017.08.27至2017.10.27</div>-->
                    <!--</div>-->
                    <!--<div class="specifica-goods">-->
                        <!--<div>去下单</div>-->
                    <!--</div>-->
                <!--</li>-->
            </ul>
        </div>
        <div class="tab2-cont">
            <ul id="willUser">
                <!--<li>-->
                    <!--<div class="discount-value">-->
                        <!--<p><span class="unit">￥</span><span class="value">500</span></p>-->
                        <!--<div>满1000可用</div>-->
                    <!--</div>-->
                    <!--<div class="user-type">-->
                        <!--<p>全场使用</p>-->
                        <!--<div>2017.08.27至2017.10.27</div>-->
                    <!--</div>-->
                    <!--<div class="specifica-goods">-->
                        <!--<div>去下单</div>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="discount-value">-->
                        <!--<p><span class="unit">￥</span><span class="value">500</span></p>-->
                        <!--<div>满1000可用</div>-->
                    <!--</div>-->
                    <!--<div class="user-type">-->
                        <!--<p>全场使用</p>-->
                        <!--<div>2017.08.27至2017.10.27</div>-->
                    <!--</div>-->
                    <!--<div class="specifica-goods">-->
                        <!--<div>去下单</div>-->
                    <!--</div>-->
                <!--</li>-->
            </ul>
        </div>
        <div class="tab3-cont">
            <ul id="yetUser">
                <!--<li>-->
                    <!--<div class="discount-value">-->
                        <!--<p><span class="unit">￥</span><span class="value">500</span></p>-->
                        <!--<div>满1000可用</div>-->
                    <!--</div>-->
                    <!--<div class="user-type">-->
                        <!--<p>全场使用</p>-->
                        <!--<div>2017.08.27至2017.10.27</div>-->
                    <!--</div>-->
                    <!--<div class="specifica-goods">-->
                        <!--<div>已过期</div>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="discount-value">-->
                        <!--<p><span class="unit">￥</span><span class="value">500</span></p>-->
                        <!--<div>满1000可用</div>-->
                    <!--</div>-->
                    <!--<div class="user-type">-->
                        <!--<p>全场使用</p>-->
                        <!--<div>2017.08.27至2017.10.27</div>-->
                    <!--</div>-->
                    <!--<div class="specifica-goods">-->
                        <!--<div>已过期</div>-->
                    <!--</div>-->
                <!--</li>-->
            </ul>
        </div>
        <div class="tab4-cont">
            <ul id="yetused">
                <!--<li>-->
                    <!--<div class="topPopover">-->
                        <!--<div class="use-date">使用日期</div>-->
                        <!--<div class="use-date">2017.08.30 12:30</div>-->
                        <!--<div class="but-delete">删除</div>-->
                    <!--</div>-->
                    <!--<div class="discount-value">-->
                        <!--<p><span class="unit">￥</span><span class="value">500</span></p>-->
                        <!--<div>满1000可用</div>-->
                    <!--</div>-->
                    <!--<div class="user-type">-->
                        <!--<p>全场使用</p>-->
                        <!--<div>2017.08.27至2017.10.27</div>-->
                    <!--</div>-->
                    <!--<div class="specifica-goods">-->
                        <!--<div>已过期</div>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="topPopover">-->
                        <!--<div class="use-date">使用日期</div>-->
                        <!--<div class="use-date">2017.08.30 12:30</div>-->
                        <!--<div class="but-delete">删除</div>-->
                    <!--</div>-->
                    <!--<div class="discount-value">-->
                        <!--<p><span class="unit">￥</span><span class="value">500</span></p>-->
                        <!--<div>满1000可用</div>-->
                    <!--</div>-->
                    <!--<div class="user-type">-->
                        <!--<p>全场使用</p>-->
                        <!--<div>2017.08.27至2017.10.27</div>-->
                    <!--</div>-->
                    <!--<div class="specifica-goods">-->
                        <!--<div>已过期</div>-->
                    <!--</div>-->
                <!--</li>-->
                <!--<li>-->
                    <!--<div class="topPopover">-->
                        <!--<div class="use-date">使用日期</div>-->
                        <!--<div class="use-date">2017.08.30 12:30</div>-->
                        <!--<div class="but-delete">删除</div>-->
                    <!--</div>-->
                    <!--<div class="discount-value">-->
                        <!--<p><span class="unit">￥</span><span class="value">500</span></p>-->
                        <!--<div>满1000可用</div>-->
                    <!--</div>-->
                    <!--<div class="user-type">-->
                        <!--<p>全场使用</p>-->
                        <!--<div>2017.08.27至2017.10.27</div>-->
                    <!--</div>-->
                    <!--<div class="specifica-goods">-->
                        <!--<div>已过期</div>-->
                    <!--</div>-->
                <!--</li>-->
            </ul>
        </div>
    </div>
</div>
<script>
//    mui.init({
//      longtap: true
//    })
</script>
</body>
</html>
